﻿<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<link rel="stylesheet" href="images/css/reset.css">
	<link rel="stylesheet" href="images/css/common.css">
	<script src="images/js/jquery-1.8.3.min.js"></script>
</head>
<body>
	<!-- 头部 -->
	<div class="header">
		<div class="container clearfix">
			<div class="h_left fl">
				<div class="logo fl"><a href="javascript:;"><img src="images/logo.jpg" class="logo_img" alt=""></a></div>
				<div class="company_name_box fl">
					<p class="company_name">佛山市<span>某某五金制品</span>有限公司</p>
					<p class="company_desc">专业设计生产和销售幕墙配件、栏杆立柱、楼梯扶手、卫浴五金等制品</p>
				</div>
				<div class="h_call_box fr">
					<div class="h_call">xxxxxxxxxxxx</div>
					<div class="h_call">xxxxxxxxxxxx</div>
				</div>
			</div>
			<div class="h_right fr">		
				<div class="ma">
					<img src="images/erweima.jpg" alt="">
				</div>
			</div>
		</div>
	</div>
	<div class="nav">
		<div class="container">
			<ul class="nav_list">
				<li><a href="/">首页</a></li>
				<li><a href="chanpinliebiao.html">供应产品<span class="icon_down"></span></a>
					<ul class="sub_nav">
						<li><a href="javascript:;">移门系列移门系列移门系列</a></li>
						<li><a href="javascript:;">立柱系列</a></li>
					</ul>
				</li>
				<li><a href="danyemian.html">公司档案</a></li>
				<li><a href="gongsixiangce.html">公司相册</a></li>
				<li><a href="wenzhangliebiaoye.html">公司动态</a></li>
				<li><a href="shengchanchejian.html">生成车间</a></li>
				<li><a href="danyemian.html">非标定制</a></li>
				<li><a href="lianxiwomen.html">联系方式</a></li>
			</ul>
		</div>
	</div>
  <!-- 以上为公共头部 -->

	<script src="images/js/jquery.SuperSlide.2.1.1.js"></script>
    <!-- 轮播图模块开始-->
    <div id="slideBox" class="slideBox1">
        <div class="hd">
            <ul></ul>
        </div>
        <div class="bd">
            <ul>
             <li><a href="javascript:;"><img src="images/banner1.jpg"  alt="banner" ></a></li>
             <li><a href="javascript:;"><img src="images/banner2.jpg"  alt="banner" ></a></li>
             <li><a href="javascript:;"><img src="images/banner3.jpg"  alt="banner" ></a></li>
             <li><a href="javascript:;"><img src="images/banner4.jpg"  alt="banner" ></a></li>
             <li><a href="javascript:;"><img src="images/banner5.jpg"  alt="banner" ></a></li>
            </ul>
        </div>
        <a class="prev" href="javascript:void(0)"></a>
        <a class="next" href="javascript:void(0)"></a>
    </div>
    <script>  
       $(function () {
        // banner 轮播图
         jQuery(".slideBox1").slide({mainCell:".bd ul",titCell:".hd ul",autoPage:true,autoPlay:true,easing:"easeOutCirc"});
        });
    </script>

    <div class="ad_img">
    	<img src="images/index_ad.jpg" width="100%" alt="">
    </div>


	<!-- 主体 -->
	<div class="main">	
       <!-- 产品分类 -->
       <div class="pro_type_box">
       	  <div class="pro_type_title">
       	  	<img src="images/pro_type.jpg" alt="">
       	  </div>
       	  <ul class="pro_type_list container">
       	  	 <li>
       	  	 	<a href="javascript:;">
       	  	 	  <img src="images/pro_type1.png" alt="">
       	  	 	  <div class="pro_type_name">立柱系列</div>
       	  	 	  <div class="pro_type_name_en">column series</div>
       	  	 	</a>
       	  	 </li>
       	  	 <li>
       	  	 	<a href="javascript:;">
       	  	 	  <img src="images/pro_type1.png" alt="">
       	  	 	  <div class="pro_type_name">立柱系列</div>
       	  	 	  <div class="pro_type_name_en">column series</div>
       	  	 	</a>
       	  	 </li>
       	  	 <li>
       	  	 	<a href="javascript:;">
       	  	 	  <img src="images/pro_type1.png" alt="">
       	  	 	  <div class="pro_type_name">立柱系列</div>
       	  	 	  <div class="pro_type_name_en">column series</div>
       	  	 	</a>
       	  	 </li>
       	  	 <li>
       	  	 	<a href="javascript:;">
       	  	 	  <img src="images/pro_type1.png" alt="">
       	  	 	  <div class="pro_type_name">立柱系列</div>
       	  	 	  <div class="pro_type_name_en">column series</div>
       	  	 	</a>
       	  	 </li>
       	  	       	  	 <li>
       	  	 	<a href="javascript:;">
       	  	 	  <img src="images/pro_type1.png" alt="">
       	  	 	  <div class="pro_type_name">立柱系列</div>
       	  	 	  <div class="pro_type_name_en">column series</div>
       	  	 	</a>
       	  	 </li>
       	  	 <li>
       	  	 	<a href="javascript:;">
       	  	 	  <img src="images/pro_type1.png" alt="">
       	  	 	  <div class="pro_type_name">立柱系列</div>
       	  	 	  <div class="pro_type_name_en">column series</div>
       	  	 	</a>
       	  	 </li>
       	  	 <li>
       	  	 	<a href="javascript:;">
       	  	 	  <img src="images/pro_type1.png" alt="">
       	  	 	  <div class="pro_type_name">立柱系列</div>
       	  	 	  <div class="pro_type_name_en">column series</div>
       	  	 	</a>
       	  	 </li>
       	  	 <li>
       	  	 	<a href="javascript:;">
       	  	 	  <img src="images/pro_type1.png" alt="">
       	  	 	  <div class="pro_type_name">立柱系列</div>
       	  	 	  <div class="pro_type_name_en">column series</div>
       	  	 	</a>
       	  	 </li>
       	  	  <li>
       	  	 	<a href="javascript:;">
       	  	 	  <img src="images/pro_type1.png" alt="">
       	  	 	  <div class="pro_type_name">立柱系列</div>
       	  	 	  <div class="pro_type_name_en">column series</div>
       	  	 	</a>
       	  	 </li>
       	  	 <li>
       	  	 	<a href="javascript:;">
       	  	 	  <img src="images/pro_type1.png" alt="">
       	  	 	  <div class="pro_type_name">立柱系列</div>
       	  	 	  <div class="pro_type_name_en">column series</div>
       	  	 	</a>
       	  	 </li>
       	  </ul>
       </div>

       <!-- 展厅展示 -->
       <div class="store_display">
       	  <div class="container">
       	  	<div class="block_title_box">
       	  		<div class="block_title_zh">展厅展示<span class="line"></span></div>
       	  		<div class="block_title_en">exhibition hall</div>
       	    </div>
       	    <ul class="store_list clearfix">
       	    	<li><img src="images/zt1.jpg" alt=""></li>
       	    	<li><img src="images/zt1.jpg" alt=""></li>
       	    	<li><img src="images/zt1.jpg" alt=""></li>
       	    	<li><img src="images/zt1.jpg" alt=""></li>
       	    	<li><img src="images/zt1.jpg" alt=""></li>
       	    	<li><img src="images/zt1.jpg" alt=""></li>
       	    	<li><img src="images/zt1.jpg" alt=""></li>
       	    	<li><img src="images/zt1.jpg" alt=""></li>
       	    </ul>
       	  </div>
       </div>

        <!-- 样品展示 -->
        <div class="pro_demo">
        	<a href="javascript:;">
        		<img src="images/yp1.jpg" alt="">
        	</a>
        </div>

        <!-- 样品展示列表 -->
        <div class="pro_demo_list container">
        	<ul class="clearfix">
        		<li>
        			<a href="javascript:;">
        				<img src="images/pro1.png" alt="">
        				<div class="pro_name">推拉门系列SL-101</div>
        			    <div class="pro_desc">抗拉性强 防腐蚀</div>
        			    <div class="btn_buy">点击购买>></div>
        			</a>
        		</li>
        		<li>
        			<a href="javascript:;">
        				<img src="images/pro1.png" alt="">
        				<div class="pro_name">推拉门系列SL-101</div>
        			    <div class="pro_desc">抗拉性强 防腐蚀</div>
        			    <div class="btn_buy">点击购买>></div>
        			</a>
        		</li>
        		<li>
        			<a href="javascript:;">
        				<img src="images/pro1.png" alt="">
        				<div class="pro_name">推拉门系列SL-101</div>
        			    <div class="pro_desc">抗拉性强 防腐蚀</div>
        			    <div class="btn_buy">点击购买>></div>
        			</a>
        		</li>
        	
        	</ul>
        </div>

        <div class="ad_img">
	    	<img src="images/index_ad2.jpg" width="100%" alt="">
	    </div>


	    <!-- 工程案例 -->
	    <div class="project_box">
	    	<div class="container">
	    		<div class="block_title_box">
	       	  		<div class="block_title_zh">工程案例<span class="line"></span></div>
	       	  		<div class="block_title_en">engineering case</div>
	       	    </div>
	       	    <ul class="project_list clearfix">
	       	    	<li>
	       	    		<img src="images/zt1.jpg" alt="">
	       	    		<div class="project_name">工程案例</div>
	       	    	</li>
	       	    	<li>
	       	    		<img src="images/zt1.jpg" alt="">
	       	    		<div class="project_name">工程案例</div>
	       	    	</li>
	       	    	<li>
	       	    		<img src="images/zt1.jpg" alt="">
	       	    		<div class="project_name">工程案例</div>
	       	    	</li>
	       	    	<li>
	       	    		<img src="images/zt1.jpg" alt="">
	       	    		<div class="project_name">工程案例</div>
	       	    	</li>
	       	    	<li>
	       	    		<img src="images/zt1.jpg" alt="">
	       	    		<div class="project_name">工程案例</div>
	       	    	</li>
	       	    	<li>
	       	    		<img src="images/zt1.jpg" alt="">
	       	    		<div class="project_name">工程案例</div>
	       	    	</li>
	       	    	<li>
	       	    		<img src="images/zt1.jpg" alt="">
	       	    		<div class="project_name">工程案例</div>
	       	    	</li>
	       	    	<li>
	       	    		<img src="images/zt1.jpg" alt="">
	       	    		<div class="project_name">工程案例</div>
	       	    	</li>
	       	    </ul>
	    	</div>
	    </div>


        <div class="ad_img">
	    	<img src="images/index_ad3.jpg" width="100%" alt="">
	    </div>
	    <div class="ad_img">
	    	<img src="images/index_js.jpg" width="100%" alt="">
	    </div>

	</div>

	<!-- 以下为公共底部 -->
	<div class="footer">	
   	   <div class="footer_nav">
       	   	<div class="container">
       	   	 <ul>
       	   	 	<li><a href="javascript:;">高立柱系列</a></li>
       	   	 	<li><a href="javascript:;">高立柱系列</a></li>
       	   	 	<li><a href="javascript:;">高立柱系列</a></li>
       	   	 	<li><a href="javascript:;">高立柱系列</a></li>
       	   	 	<li><a href="javascript:;">高立柱系列</a></li>
       	   	 	<li><a href="javascript:;">高立柱系列</a></li>
       	   	 	<li><a href="javascript:;">高立柱系列</a></li>
       	   	 	<li><a href="javascript:;">高立柱系列</a></li>
       	   	 </ul>
       	   	</div>
   	   </div>
   	   <div class="footer_bottom">
   	   	<div class="container clearfix">
   	   		<div class="fl">
	   	   	 	<img src="images/footer_logo.png" alt="" class="fl">
	   	   	 	<div class="footer_address_box fl">
	   	   	 		<div class="footer_address">
	   	   	 			<p>佛山市顺德区某某五金制品公司</p>
		   	   	 		<p>电话:xxxxxxxxxxxx</p>
		   	   	 		<p>地址：XXX</p>
	   	   	 		</div>
	   	   	 	</div>
	   	   	 </div>
	   	   	 <div class="fr">
	   	   	 	<img src="images/ma.jpg" alt="">
	   	   	 </div>
	   	</div>
   	   </div>
       </div>
	</div>
<style>
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
</style>
<div class="copyrights" id="links20210126">
	Collect from <a href="http://www.cssmoban.com/"  title="网站模板">模板之家</a>
	<a href="https://www.chazidian.com/"  title="查字典">查字典</a>
</div>
</body>
</html>